{% extends "commons/layout.html" %}
{% block css %}
<link rel="stylesheet" href="/css/index.css">
{% endblock %}
{% block content %}
<!--轮播图开始-->
<div id="carousel" class="carousel">
    <div class="carousel-container">
        <img class="default-banner" src="/img/default_banner.png">
        <ul class="carousel-images">
            {% for banner in banners %}
            <li>
                <a href="{{banner.url | formatUrl}}"><img src="{{banner.image}}" alt=""></a>
            </li>
            {% endfor %}
        </ul>
    </div>
    <ul class="carousel-page"></ul>
    <!--<div class="carousel-btn carousel-prev">&lt;</div>-->
    <!--<div class="carousel-btn carousel-next">&gt;</div>-->
</div>
<!--轮播图结束-->
<div class="wrapper">
    <div class="profile">
        <div class="profile-section">
            <img src="/img/gongchang.png" alt="">
            <p><span>1000+</span> 工厂</p>
        </div>
        <div class="profile-section">
            <img src="/img/yonghu.png" alt="">
            <p><span>100万+</span> 用户</p>
        </div>
        <div class="profile-section">
            <img src="/img/dingdan.png" alt="">
            <p><span>10万+</span> 订单</p>
        </div>
    </div>
    <!--标题样式-->
    <!--贴牌定制板块开始-->
    <div class="section">
        <div class="section-title">
            <p class="title-line"></p>
            <p class="title-name">贴牌定制</p>
            <p class="title-line"></p>
        </div>
        <div class="section-content">
            {% for product in tiepai_list %}
            {% include "commons/product.html" %}
            {% endfor %}
            <div class="product">
                <a class="more-product" href="/product/tp">
                    <img src="/img/more_product.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <!--贴牌定制板块结束-->
    <!--批发代理板块开始-->
    <div class="section">
        <div class="section-title">
            <p class="title-line"></p>
            <p class="title-name">批发代理</p>
            <p class="title-line"></p>
        </div>
        <div class="section-content">
            {% for product in daili_list %}
            {% include "commons/product.html" %}
            {% endfor %}
            <div class="product">
                <a class="more-product" href="/product/pf">
                    <img src="/img/more_product.png" alt="">
                </a>
            </div>
        </div>
    </div>
    {% include "commons/others_function.html" %}
</div>
{% endblock %}
{% block script %}
<script src="/vendor/jquery/dist/jquery.min.js"></script>
<script src="/js/index.js"></script>
{% include "commons/shangqiao.html" %}
{% endblock %}